#app {
    font-family: 'pingfang SC', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    color: #2c3e50;
}

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
   
}
@media (min-width: 1201px) {
    //>=1201的设备 
    .caikai-footer {
        width: 100%;
        background-color: #f5f7fa;
        .fo-right {
          width: calc((100% - 1200px) / 2 + 960px);
          background-color: #e7e7e7;
          min-height: 70px;
          margin-left: calc((100% - 1200px) / 2 + 240px);
          .fo-y {
            position: absolute;
            font-size: 12px;
            color: #999999;
            letter-spacing: 0;
            line-height: 30px;
            padding-left: 30px;
          }
        }
      }
}
@media (max-width: 1200px) {
    //<=1200的设备 
    .sc-ce1{
        display: none;
    }
    .right-box{
      display: none;
    }
    
}
@media screen and (min-width:769px) and (max-width:992px){
    //<=1200 且 >=769 的设备 
    .caikai-footer {
        width: 100%;
        background-color: #f5f7fa;
        .fo-right {
          width: 960px;
          background-color: #e7e7e7;
          min-height: 70px;
          margin-left: 240px;
          .fo-y {
            position: absolute;
            font-size: 12px;
            color: #999999;
            letter-spacing: 0;
            line-height: 30px;
            padding-left: 30px;
          }
        }
    }
}
@media (min-width: 769px) {
    //>=769的设备 
    .key768,.search-cai ,.menuRnoMask,.rno-menu-slide-btn,.ce-menu-mask{
        display: none;
    }
    .caikai-search{
        top:40px
    }
    .nav-doc{
        flex: 0.8;
        padding-top: 40px;
    }
    .sc-doc {
        width: 700px;
        padding: 80px 18px 20px 30px;
      }
      .content-center {
        width: 1200px;
        margin: 0 auto;
        display: flex;
      }
    .doc-title1 {
        font-size: 30px; 
    }
    .doc-title2 {
        font-size: 20px; 
        padding-top: 102px;
        margin-top: -90px;
    }
    .doc-title3 {
        font-size: 16px; 
        padding-top: 115px;
        margin-top: -100px;
    }
    .doc-tip{
        display:flex;justify-content: space-between;
    }
    .doc-time {
        font-size: 12px;
        color: #777;
        padding-bottom: 15px;
      }
      .doc-pdf {
        font-size: 12px;
        color: #777;
        .pdf1,
        img {
          display: inline-block;
          vertical-align: top;
          line-height: 22px;
          padding-right: 3px;
          cursor: pointer;
          &:hover {
            color: #ffa736;
          }
        }
        .pdf1 {
          padding-left: 15px;
        }
      }
      .cai-kai {
        background: url('./assets/img/p2001.png') repeat;
        background-size: 100% 100%;
        // background-image: linear-gradient(to right, #f5f7fa calc((100% - 1200px) / 2 + 240px), #fff 0);
      }
    
}

@media (max-width: 768px) {
    //<=768的设备 
    .key769 ,.nav-menu,.el-breadcrumb,.search-i2{
        display: none;
    }
    .caikai-search{
        top:55px
    }
    .caikai-footer {
        width: 100%;
        background-color: #e7e7e7;
        .fo-right {
            min-height: 50px;
            .fo-y {
                font-size: 12px;
                color: #999999;
                letter-spacing: 0;
                line-height: 40px;
                margin-left: 16px;
            }
        }
    }
    .nav-doc{
        width: 100vw;
        padding-top: 20px;
        box-sizing:border-box;
    }
    .sc-doc {
        width: 100%;
        padding: 80px 15px 20px 16px;
    }
    .content-center {
        margin: 0 auto;
        display: flex;
    }
    .doc-title1 {
        font-size: 24px; 
    }
    .doc-title2 {
        font-size: 16px; 
        padding-top: 118px;
        margin-top: -100px;
    }
    .doc-title3 {
        font-size: 14px; 
        padding-top: 115px;
        margin-top: -100px;
    }
    .doc-time {
        font-size: 12px;
        color: #777;
        padding-bottom: 16px;
    }
    .doc-pdf {
        padding-bottom: 16px;
        font-size: 12px;
        color: #777;
        .pdf1,
        img {
          display: inline-block;
          vertical-align: top;
          line-height: 22px;
          padding-right: 3px;
          cursor: pointer;
          &:hover {
            color: #ffa736;
          }
        }
        .pdf1 {
          padding-right: 15px;
        }
    }
    .cai-kai {
      background: #fff
    }
}


@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
  /*兼容IE*/
  #app{letter-spacing: 1px;}
}
// @media only screen and (max-width: 1202px) {
//     #app {
//         min-width: 1200px;
//     }
//     .key3{
//         display:block;
//     }
// }

// @media (min-width: 769px) {
//     html{
//         min-width: 769px;
//     }
//     .key1{
//         display:block;
//     }
// }

// ::-webkit-scrollbar {
//     width: 6px;
//     height: 6px;
// }

// ::-webkit-scrollbar-thumb {
//     border-radius: 6px;
//     background: #b5c4c9;
// }

// ::-webkit-scrollbar-track-piece {
//     background: #fff;
// }


// button:hover {
//     opacity: 0.8;
// }

// .wy-textCenter {
//     text-align: center;
// }

// .wy-textLeft {
//     text-align: left;
// }

// .wy-textRight {
//     text-align: right;
// }

// .wy-notCopy,
// .iconfont {
//     -moz-user-select: none;
//     -o-user-select: none;
//     -khtml-user-select: none;
//     -webkit-user-select: none;
//     -ms-user-select: none;
//     user-select: none;
// }

// .wy-oneLine {
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: nowrap;
// }

// .wy-input input {
//     border: 1px solid #ccc;
//     padding-left: 10px;
//     margin-top: 5px;
//     border-radius: 5px;
// }

// .wy-input input:focus {
//     border-color: #66afe9;
//     outline: 0;
//     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
//         0 0 8px rgba(102, 175, 233, 0.6);
//     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
//         0 0 8px rgba(102, 175, 233, 0.6);
// }

// .wy-input textarea {
//     resize: none;
//     margin-top: 5px;
//     padding-left: 7px;
//     height: 200px;
//     width: 540px;
//     border-radius: 5px;
//     border: 1px solid #ccc;
// }

// .wy-input textarea:focus {
//     border-color: #66afe9;
//     outline: 0;
//     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
//         0 0 8px rgba(102, 175, 233, 0.6);
//     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
//         0 0 8px rgba(102, 175, 233, 0.6);
// }

// hr {
//     margin: 0
// }

// .light_span1 {
//     color: #66afe9;
//     cursor: pointer;
// }

// .light_span2 {
//     color: #ff7070;
//     cursor: pointer;
// }